محادثة مع Gemini

<?php
add_action('add_meta_boxes', 'gre_add_model_meta_boxes');
add_action('save_post', 'gre_save_model_meta', 10, 2);
add_action('wp_insert_post_data', 'gre_set_model_post_title_if_empty', 10, 2);

add_action('admin_enqueue_scripts', 'gre_enqueue_model_script');
function gre_enqueue_model_script($hook) {
    if (in_array($hook, ['post-new.php', 'post.php']) && get_post_type() === 'gre_model') {
        wp_enqueue_script(
            'gre-model-meta-script',
            plugin_dir_url(__FILE__) . '../assets/js/gre-model-meta.js',
            ['jquery'],
            false,
            true
        );
    }
}

add_action('wp_ajax_gre_generate_model_short_name', 'gre_ajax_generate_model_short_name');

function gre_ajax_generate_model_short_name() {
    $tower_id = intval($_GET['tower_id']);
    $short = get_post_meta($tower_id, '_gre_tower_short_name', true);
    $count = count(get_posts(['post_type' => 'gre_model', 'post_status' => 'any', 'meta_query' => [['key' => '_gre_model_tower_id', 'value' => $tower_id]]])) + 1;
    wp_send_json_success(['short_name' => $short . '-M' . $count]);
}

function gre_set_model_post_title_if_empty($data, $postarr) {
    if ($data['post_type'] === 'gre_model' && empty($data['post_title']) && !empty($postarr['ID']) && $short_name = get_post_meta($postarr['ID'], '_gre_model_code', true)) {
        $data['post_title'] = $short_name;
    }
    return $data;
}

function gre_add_model_meta_boxes() {
    add_meta_box('gre_model_details', 'تفاصيل النموذج', 'gre_render_model_meta_box', 'gre_model', 'normal', 'high');
}

function gre_get_model_meta($post_id, $key, $default = '') {
    return get_post_meta($post_id, "_gre_model_$key", true) ?: $default;
}

function gre_render_model_meta_box($post) {
    wp_nonce_field('gre_save_model_meta', 'gre_model_meta_nonce');

    $fields = [
        'tower_id' => '', 'code' => '', 'description' => '', 'area' => '',
        'rooms_count' => 0, 'bathrooms_count' => 0, 'kitchens_count' => 0,
        'finishing_level' => '', 'finishing_type' => '', 'default_status' => '',
        'availability_date' => '', 'price_usd' => '',
        'has_living_room' => '', 'has_majlis' => '', 'has_balcony' => '', 'has_storage' => '',
        'has_equipped_kitchen' => '', 'has_ac' => '', 'has_fire_safety' => '',
        'has_cctv' => '', 'has_water_meter' => '', 'has_electricity_meter' => '',
        'has_internet' => '', 'has_wc_western' => '', 'has_jacuzzi_sauna' => ''
    ];

    foreach ($fields as $key => $default) {
        $fields[$key] = gre_get_model_meta($post->ID, $key, $default);
    }

    if (get_current_screen()->action === 'add' && empty($fields['code'])) {
        $fields['code'] = gre_generate_model_code();
        $fields['tower_id'] = gre_get_model_meta($post->ID, 'tower_id') ?: (get_posts(['post_type' => 'gre_tower', 'posts_per_page' => 1, 'orderby' => 'ID', 'order' => 'DESC'])[0]->ID ?? '');
    }

    echo '<style>
        .gre-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .gre-full { grid-column: span 3; }
        label { font-weight: bold; display: block; margin-bottom: 5px; }
        input, select, textarea { width: 100%; }
    </style>';

    echo '<div class="gre-grid">';
    $towers = get_posts(['post_type' => 'gre_tower', 'numberposts' => -1, 'orderby' => 'date', 'order' => 'DESC']);
    echo '<div><label>البرج التابع</label><select name="gre_model_tower_id" id="gre_model_tower_id">';
    foreach ($towers as $tower) {
        echo "<option value='{$tower->ID}'" . selected($fields['tower_id'], $tower->ID, false) . ">{$tower->post_title}</option>";
    }
    echo '</select></div>';
    echo '<div><label>الرمز المختصر</label><input type="text" name="gre_model_code" id="gre_model_code" value="' . esc_attr($fields['code']) . '" /></div>';
    echo '<div><label>المساحة الإجمالية</label><input type="text" name="gre_model_area" value="' . esc_attr($fields['area']) . '" /></div>';
    echo '<div><label>عدد الغرف</label><input type="number" name="gre_model_rooms_count" value="' . esc_attr($fields['rooms_count']) . '" /></div>';
    echo '<div><label>عدد الحمّامات</label><input type="number" name="gre_model_bathrooms_count" value="' . esc_attr($fields['bathrooms_count']) . '" /></div>';
    echo '<div><label>عدد المطابخ</label><input type="number" name="gre_model_kitchens_count" value="' . esc_attr($fields['kitchens_count']) . '" /></div>';
    $select_fields = [
        'finishing_level' => ['ready' => 'مشطب', 'semi' => 'نصف تشطيب', 'none' => 'بدون تشطيب'],
        'finishing_type' => ['luxury' => 'فاخر', 'deluxe' => 'ديلوكس', 'normal' => 'عادي'],
        'default_status' => ['available' => 'متاحة', 'sold' => 'مباعة', 'under_preparation' => 'قيد التجهيز', 'for_finishing' => 'تحتاج تشطيب']
    ];
    foreach ($select_fields as $key => $options) {
        echo "<div><label>" . ($key === 'default_status' ? 'حالة الشقق الافتراضية' : ($key === 'finishing_level' ? 'مستوى التشطيب' : 'نوع التشطيب')) . "</label><select name='gre_model_$key'>";
        foreach ($options as $value => $label) {
            echo "<option value='$value'" . selected($fields[$key], $value, false) . ">$label</option>";
        }
        echo "</select></div>";
    }
    echo '<div><label>تاريخ التوافر</label><input type="date" name="gre_model_availability_date" value="' . esc_attr($fields['availability_date']) . '" /></div>';
    echo '<div><label>السعر (اختياري بالدولار)</label><input type="text" name="gre_model_price_usd" value="' . esc_attr($fields['price_usd']) . '" /></div>';
    $checkboxes = [
        'has_living_room' => 'صالة جلوس', 'has_majlis' => 'مجلس منفصل', 'has_balcony' => 'شرفة (بلكونة)',
        'has_storage' => 'مخزن', 'has_equipped_kitchen' => 'مطبخ مجهّز', 'has_ac' => 'تدفئة وتبريد',
        'has_fire_safety' => 'أنظمة حماية', 'has_cctv' => 'كاميرات مراقبة', 'has_water_meter' => 'عداد مياه مستقل',
        'has_electricity_meter' => 'عداد كهرباء مستقل', 'has_internet' => 'اتصال إنترنت',
        'has_wc_western' => 'حمام أفرنجي', 'has_jacuzzi_sauna' => 'جاكوزي / ساونا'
    ];
    foreach ($checkboxes as $key => $label) {
        echo "<div><label><input type='checkbox' name='gre_model_$key' value='1'" . checked($fields[$key], '1', false) . " /> $label</label></div>";
    }
    echo '<div class="gre-full"><label>وصف عام للنموذج</label><textarea name="gre_model_description">' . esc_textarea($fields['description']) . '</textarea></div>';
    echo '</div>';

    echo '<script>
    document.addEventListener("DOMContentLoaded", function() {
        const towerSelect = document.getElementById("gre_model_tower_id");
        const shortNameField = document.getElementById("gre_model_code");

        if (towerSelect) {
            towerSelect.addEventListener("change", function() {
                updateShortName(this.value);
            });

            if (shortNameField && shortNameField.value.trim() === "") {
                updateShortName(towerSelect.value);
            }
        }

        async function updateShortName(towerId) {
            const res = await fetch(ajaxurl + "?action=gre_generate_model_short_name&tower_id=" + towerId);
            const data = await res.json();
            if (data.success && shortNameField) {
                shortNameField.value = data.short_name;
            }
        }
    });
    </script>';
}

function gre_generate_model_code($tower_id = 0) {
    $tower_id = $tower_id ?: ($_POST['gre_model_tower_id'] ?? 0);
    if (!$tower_id) return '';

    $tower_short = get_post_meta($tower_id, '_gre_tower_short_name', true);
    for ($i = 1; $i <= 10; $i++) {
        $candidate = $tower_short . '-M' . $i;
        if (empty(get_posts(['post_type' => 'gre_model', 'post_status' => 'any', 'meta_key' => '_gre_model_code', 'meta_value' => $candidate, 'numberposts' => 1]))) {
            return $candidate;
        }
    }
    return '';
}

function gre_save_model_meta($post_id, $post) {
    if (!isset($_POST['gre_model_meta_nonce']) || !wp_verify_nonce($_POST['gre_model_meta_nonce'], 'gre_save_model_meta') || defined('DOING_AUTOSAVE') && DOING_AUTOSAVE || !current_user_can('edit_post', $post_id)) return;

    $fields = [
        'tower_id','code','description','area','rooms_count','bathrooms_count','kitchens_count',
        'finishing_level','finishing_type','default_status','availability_date','price_usd',
        'has_living_room','has_majlis','has_balcony','has_storage','has_equipped_kitchen',
        'has_ac','has_fire_safety','has_cctv','has_water_meter','has_electricity_meter',
        'has_internet','has_wc_western','has_jacuzzi_sauna'
    ];

    foreach ($fields as $field) {
        update_post_meta($post_id, "_gre_model_$field", sanitize_text_field($_POST["gre_model_$field"] ?? ''));
    }

    if (empty(gre_get_model_meta($post_id, 'code')) && $tower_id = gre_get_model_meta($post_id, 'tower_id')) {
        update_post_meta($post_id, '_gre_model_code', gre_generate_model_code($tower_id));
    }

    if (gre_get_post_meta($post_id, '_gre_apartment_generated', true) !== '1' && $tower_id = gre_get_model_meta($post_id, 'tower_id') && $model_code = gre_get_model_meta($post_id, 'code')) {
        $tower_short = get_post_meta($tower_id, '_gre_tower_short_name', true);
        $floors = (int) get_post_meta($tower_id, '_gre_tower_floors', true);
        $status = gre_get_model_meta($post_id, 'default_status');

        for ($i = 1; $i <= $floors; $i++) {
            $code = "{$tower_short}-{$model_code}-{$i}";
            if (empty(get_posts(['post_type' => 'gre_apartment', 'meta_key' => '_gre_apartment_apartment_code', 'meta_value' => $code, 'post_status' => 'any', 'numberposts' => 1]))) {
                wp_insert_post([
                    'post_type' => 'gre_apartment',
                    'post_status' => 'publish',
                    'post_title' => "شقة الدور {$i}",
                    'meta_input' => [
                        '_gre_apartment_apartment_code' => $code,
                        '_gre_apartment_apartment_number' => $i,
                        '_gre_apartment_floor_number' => $i,
                        '_gre_apartment_model_id' => $post_id,
                        '_gre_apartment_tower_id' => $tower_id,
                        '_gre_apartment_status' => $status,
                        '_gre_apartment_custom_price_usd' => gre_get_model_meta($post_id, 'price_usd'),
                        '_gre_apartment_custom_finishing_level' => gre_get_model_meta($post_id, 'finishing_level'),
                        '_gre_apartment_custom_finishing_type' => gre_get_model_meta($post_id, 'finishing_type')
                    ]
                ]);
            }
        }
        update_post_meta($post_id, '_gre_apartment_generated', '1');
    }
}

add_action('before_delete_post', function($post_id) {
    if (get_post_type($post_id) === 'gre_model') {
        foreach (get_posts(['post_type' => 'gre_apartment', 'posts_per_page' => -1, 'meta_query' => [['key' => '_gre_apartment_model_id', 'value' => $post_id]]]) as $apt) {
            wp_delete_post($apt->ID, true);
        }
    }
});

<?php
// قوائم لوحة التحكم وإعدادات لوحة الإدارة

// تحميل مكتبة OpenStreetMap (Leaflet)
function gre_enqueue_leaflet_scripts($hook) {
    $screen = get_current_screen();
    if ($screen && $screen->post_type === 'gre_tower') {
        wp_enqueue_style('leaflet-css', 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css');
        wp_enqueue_script('leaflet-js', 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js');
    }
}
add_action('admin_enqueue_scripts', 'gre_enqueue_leaflet_scripts');

// إعداد قوائم مخصصة للإضافة
function gre_add_admin_menus() {
    // مستقبلاً يمكننا إضافة صفحات فرعية مخصصة هنا
    // add_submenu_page(...);
}
add_action('admin_menu', 'gre_add_admin_menus');

<?php
add_action('add_meta_boxes', 'gre_add_apartment_meta_boxes');
add_action('save_post', 'gre_save_apartment_meta');

add_action('init', function() {
    remove_post_type_support('gre_apartment', 'editor');
}, 100);

function gre_add_apartment_meta_boxes() {
    add_meta_box('gre_apartment_details', 'تفاصيل الشقة', 'gre_render_apartment_meta_box', 'gre_apartment', 'normal', 'high');
}

function gre_get_apartment_meta($post_id, $key, $default = '') {
    return get_post_meta($post_id, "_gre_apartment_$key", true) ?: $default;
}

function gre_render_apartment_meta_box($post) {
    wp_nonce_field('gre_save_apartment_meta', 'gre_apartment_meta_nonce');

    $fields = [
        'apartment_code' => '',
        'apartment_number' => '',
        'floor_number' => '',
        'model_id' => '',
        'tower_id' => '',
        'status' => '',
        'custom_price_usd' => '',
        'custom_finishing_level' => '',
        'custom_finishing_type' => '',
        'custom_images' => ''
    ];

    foreach ($fields as $key => $default) {
        $fields[$key] = gre_get_apartment_meta($post->ID, $key, $default);
    }

    echo '<style>
        .gre-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .gre-full { grid-column: span 3; }
        label { font-weight: bold; display: block; margin-bottom: 5px; }
        input, select, textarea { width: 100%; }
    </style>';

    echo '<div class="gre-grid">';

    $readonly_fields = [
        'apartment_code' => 'معرف الشقة',
        'apartment_number' => 'رقم الشقة',
        'floor_number' => 'الدور'
    ];
    foreach ($readonly_fields as $key => $label) {
        echo "<div><label>$label</label><input type='text' name='gre_apartment_$key' value='" . esc_attr($fields[$key]) . "' readonly /></div>";
    }

    gre_render_model_tower_info($fields['model_id']);

    echo '<div><label>حالة الشقة</label><select name="gre_apartment_status">';
    $status_options = [
        'available' => 'متاحة',
        'sold' => 'مباعة',
        'under_preparation' => 'قيد التجهيز',
        'for_finishing' => 'تحتاج تشطيب'
    ];
    foreach ($status_options as $value => $label) {
        echo "<option value='$value'" . selected($fields['status'], $value, false) . ">$label</option>";
    }
    echo '</select></div>';

    echo '<div><label>سعر مخصص (اختياري)</label><input type="text" name="gre_apartment_custom_price_usd" value="' . esc_attr($fields['custom_price_usd']) . '" /></div>';

    $select_fields = [
        'custom_finishing_level' => ['' => 'وراثة من النموذج', 'ready' => 'مشطب', 'semi' => 'نصف تشطيب', 'none' => 'بدون تشطيب'],
        'custom_finishing_type' => ['' => 'وراثة من النموذج', 'luxury' => 'فاخر', 'deluxe' => 'ديلوكس', 'normal' => 'عادي']
    ];
    foreach ($select_fields as $key => $options) {
        echo "<div><label>" . ($key === 'custom_finishing_level' ? 'مستوى التشطيب (اختياري)' : 'نوع التشطيب (اختياري)') . "</label><select name='gre_apartment_$key'>";
        foreach ($options as $value => $label) {
            echo "<option value='$value'" . selected($fields[$key], $value, false) . ">$label</option>";
        }
        echo "</select></div>";
    }

    echo '<div class="gre-full"><label>صور مخصصة للشقة (روابط/IDs)</label><textarea name="gre_apartment_custom_images">' . esc_textarea($fields['custom_images']) . '</textarea></div>';

    echo '</div>';
}

function gre_render_model_tower_info($model_id) {
    $model_title = $model_id ? get_the_title($model_id) : '—';
    $tower_id = $model_id ? get_post_meta($model_id, '_gre_model_tower_id', true) : '';
    $tower_title = $tower_id ? get_the_title($tower_id) : '—';

    echo '<div><label>النموذج التابع</label><input type="text" value="' . esc_attr($model_title) . '" readonly /></div>';
    echo '<div><label>البرج التابع</label><input type="text" value="' . esc_attr($tower_title) . '" readonly /></div>';
}

function gre_save_apartment_meta($post_id) {
    if (!isset($_POST['gre_apartment_meta_nonce']) || !wp_verify_nonce($_POST['gre_apartment_meta_nonce'], 'gre_save_apartment_meta') || defined('DOING_AUTOSAVE') && DOING_AUTOSAVE || !current_user_can('edit_post', $post_id)) return;

    $fields = [
        'apartment_code','apartment_number','floor_number','model_id','tower_id','status',
        'custom_price_usd','custom_finishing_level','custom_finishing_type','custom_images'
    ];

    foreach ($fields as $field) {
        update_post_meta($post_id, "_gre_apartment_$field", sanitize_text_field($_POST["gre_apartment_$field"] ?? ''));
    }
}

<?php
add_action('add_meta_boxes', 'gre_add_apartment_meta_boxes');
add_action('save_post', 'gre_save_apartment_meta');

// إزالة محرر النصوص من نوع الشقة
add_action('init', function () {
    remove_post_type_support('gre_apartment', 'editor');
}, 100);

function gre_add_apartment_meta_boxes() {
    add_meta_box('gre_apartment_details', 'تفاصيل الشقة', 'gre_render_apartment_meta_box', 'gre_apartment', 'normal', 'high');
}

function gre_get_apartment_meta($post_id, $key, $default = '') {
    return get_post_meta($post_id, "_gre_apartment_$key", true) ?: $default;
}

function gre_render_apartment_meta_box($post) {
    wp_nonce_field('gre_save_apartment_meta', 'gre_apartment_meta_nonce');

    $meta_keys = [
        'apartment_code' => '',
        'apartment_number' => '',
        'floor_number' => '',
        'model_id' => '',
        'tower_id' => '',
        'status' => '',
        'custom_price_usd' => '',
        'custom_finishing_level' => '',
        'custom_finishing_type' => '',
        'custom_images' => ''
    ];

    foreach ($meta_keys as $key => $default) {
        $meta_keys[$key] = gre_get_apartment_meta($post->ID, $key, $default);
    }

    echo '<style>
        .gre-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
        .gre-full { grid-column: span 2; }
        label { font-weight: bold; display: block; margin-bottom: 5px; }
        input, select, textarea { width: 100%; }
    </style>';

    echo '<div class="gre-grid">';

    // عرض الحقول readonly
    $readonly_fields = [
        'apartment_code' => 'معرف الشقة',
        'apartment_number' => 'رقم الشقة',
        'floor_number' => 'الدور'
    ];
    foreach ($readonly_fields as $key => $label) {
        echo "<div><label>$label</label><input type='text' name='gre_apartment_$key' value='" . esc_attr($meta_keys[$key]) . "' readonly /></div>";
    }

    // عرض معلومات النموذج والبرج
    gre_render_model_tower_info($meta_keys['model_id']);

    // حالة الشقة
    $status_options = [
        'available' => 'متاحة',
        'sold' => 'مباعة',
        'under_preparation' => 'قيد التجهيز',
        'for_finishing' => 'تحتاج تشطيب'
    ];
    echo '<div><label>حالة الشقة</label><select name="gre_apartment_status">';
    foreach ($status_options as $value => $label) {
        echo "<option value='$value'" . selected($meta_keys['status'], $value, false) . ">$label</option>";
    }
    echo '</select></div>';

    // السعر المخصص
    echo '<div><label>سعر مخصص (اختياري)</label><input type="text" name="gre_apartment_custom_price_usd" value="' . esc_attr($meta_keys['custom_price_usd']) . '" /></div>';

    // مستوى ونوع التشطيب
    $select_fields = [
        'custom_finishing_level' => [
            '' => 'وراثة من النموذج',
            'ready' => 'مشطب',
            'semi' => 'نصف تشطيب',
            'none' => 'بدون تشطيب'
        ],
        'custom_finishing_type' => [
            '' => 'وراثة من النموذج',
            'luxury' => 'فاخر',
            'deluxe' => 'ديلوكس',
            'normal' => 'عادي'
        ]
    ];
    foreach ($select_fields as $key => $options) {
        $label = $key === 'custom_finishing_level' ? 'مستوى التشطيب (اختياري)' : 'نوع التشطيب (اختياري)';
        echo "<div><label>$label</label><select name='gre_apartment_$key'>";
        foreach ($options as $value => $label_option) {
            echo "<option value='$value'" . selected($meta_keys[$key], $value, false) . ">$label_option</option>";
        }
        echo '</select></div>';
    }

    // الصور المخصصة
    echo '<div class="gre-full"><label>صور مخصصة للشقة (روابط أو IDs)</label><textarea name="gre_apartment_custom_images">' . esc_textarea($meta_keys['custom_images']) . '</textarea></div>';

    echo '</div>'; // نهاية .gre-grid
}

function gre_render_model_tower_info($model_id) {
    $model_title = $model_id ? get_the_title($model_id) : '—';
    $tower_id = $model_id ? get_post_meta($model_id, '_gre_model_tower_id', true) : '';
    $tower_title = $tower_id ? get_the_title($tower_id) : '—';

    echo '<div><label>النموذج التابع</label><input type="text" value="' . esc_attr($model_title) . '" readonly /></div>';
    echo '<div><label>البرج التابع</label><input type="text" value="' . esc_attr($tower_title) . '" readonly /></div>';
}

function gre_save_apartment_meta($post_id) {
    if (
        !isset($_POST['gre_apartment_meta_nonce']) ||
        !wp_verify_nonce($_POST['gre_apartment_meta_nonce'], 'gre_save_apartment_meta') ||
        defined('DOING_AUTOSAVE') && DOING_AUTOSAVE ||
        !current_user_can('edit_post', $post_id)
    ) return;

    $fields = [
        'apartment_code','apartment_number','floor_number','model_id','tower_id','status',
        'custom_price_usd','custom_finishing_level','custom_finishing_type','custom_images'
    ];

    foreach ($fields as $field) {
        $value = sanitize_text_field($_POST["gre_apartment_$field"] ?? '');
        update_post_meta($post_id, "_gre_apartment_$field", $value);
    }
}

<?php
add_action('add_meta_boxes', 'gre_add_tower_meta_boxes');
add_action('save_post', 'gre_save_tower_meta');
add_filter('enter_title_here', 'gre_change_title_placeholder');

function gre_change_title_placeholder($title) {
    $screen = get_current_screen();
    if ($screen->post_type === 'gre_tower') {
        return 'اسم البرج';
    }
    return $title;
}

function gre_add_tower_meta_boxes() {
    add_meta_box('gre_tower_details', 'تفاصيل البرج', 'gre_render_tower_meta_box', 'gre_tower', 'normal', 'high');
}

function gre_render_tower_meta_box($post) {
    wp_nonce_field('gre_save_tower_meta', 'gre_tower_meta_nonce');

    $fields = [
        'short_name' => '',
        'floors' => '',
        'location_desc' => '',
        'location_lat' => '',
        'location_lng' => '',
        'city' => 'أمانة العاصمة',
        'district' => '',
        'has_parking' => '',
        'total_units' => '',
        'available_units' => '',
        'building_type' => '',
        'build_year' => '',
        'status' => '',
        'elevators' => '',
        'has_generator' => '',
        'has_shops' => '',
        'general_description' => ''
    ];

    foreach ($fields as $key => $default) {
        $fields[$key] = get_post_meta($post->ID, "_gre_tower_$key", true) ?: $default;
    }

    echo '<style>
        .gre-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
        .gre-half { grid-column: span 2; }
        .gre-full { grid-column: span 4; }
        .gre-map-wrap { display: flex; gap: 20px; margin-top: 20px; }
        .gre-map { width: 50%; height: 400px; }
        .gre-map-fields { width: 50%; display: flex; flex-direction: column; gap: 10px; }
        input[type="number"] { max-width: 100%; }
        select, input[type="text"], textarea { width: 100%; }
    </style>';

    echo '<div class="gre-grid">';
    echo '<div><label>الاسم المختصر (بالإنجليزية)</label><input type="text" name="gre_tower_short_name" value="' . esc_attr($fields['short_name']) . '" style="width: 100px;" /></div>';
    echo '<div><label>عدد الأدوار</label><input type="number" name="gre_tower_floors" value="' . esc_attr($fields['floors']) . '" /></div>';
    echo '<div><label>عدد المصاعد</label><input type="number" name="gre_tower_elevators" value="' . esc_attr($fields['elevators']) . '" /></div>';
    echo '<div><label>سنة البناء</label><input type="number" name="gre_tower_build_year" value="' . esc_attr($fields['build_year']) . '" /></div>';

    echo '<div><label><input type="checkbox" name="gre_tower_has_generator" value="1"' . checked($fields['has_generator'], '1', false) . '> مولد كهربائي</label></div>';
    echo '<div><label><input type="checkbox" name="gre_tower_has_parking" value="1"' . checked($fields['has_parking'], '1', false) . '> موقف سيارات</label></div>';
    echo '<div><label><input type="checkbox" name="gre_tower_has_shops" value="1"' . checked($fields['has_shops'], '1', false) . '> محلات تجارية</label></div>';
    echo '<div><label>نوع المبنى</label><select name="gre_tower_building_type">
        <option value="tower"' . selected($fields['building_type'], 'tower', false) . '>برج بعدة نماذج وشقق</option>
        <option value="villa"' . selected($fields['building_type'], 'villa', false) . '>فلة بنموذج وحيد</option>
    </select></div>';
    echo '</div>';

    echo '<div class="gre-map-wrap">';
    echo '<div id="map" class="gre-map"></div>';
    echo '<div class="gre-map-fields">';
    echo '<label>اسم المدينة / المنطقة</label><select name="gre_tower_city">
        <option value="أمانة العاصمة"' . selected($fields['city'], 'أمانة العاصمة', false) . '>أمانة العاصمة</option>
        <option value="عدن"' . selected($fields['city'], 'عدن', false) . '>عدن</option>
        <option value="تعز"' . selected($fields['city'], 'تعز', false) . '>تعز</option>
        <option value="الحديدة"' . selected($fields['city'], 'الحديدة', false) . '>الحديدة</option>
        <option value="حضرموت"' . selected($fields['city'], 'حضرموت', false) . '>حضرموت</option>
        <option value="إب"' . selected($fields['city'], 'إب', false) . '>إب</option>
        <option value="ذمار"' . selected($fields['city'], 'ذمار', false) . '>ذمار</option>
        <option value="عمران"' . selected($fields['city'], 'عمران', false) . '>عمران</option>
        <option value="صنعاء"' . selected($fields['city'], 'صنعاء', false) . '>صنعاء</option>
        <option value="مأرب"' . selected($fields['city'], 'مأرب', false) . '>مأرب</option>
    </select>';
    echo '<label>اسم المديرية</label><input type="text" name="gre_tower_district" value="' . esc_attr($fields['district']) . '" />';
    echo '<label>خط العرض</label><input type="text" name="gre_tower_location_lat" id="gre_tower_location_lat" value="' . esc_attr($fields['location_lat']) . '" />';
    echo '<label>خط الطول</label><input type="text" name="gre_tower_location_lng" id="gre_tower_location_lng" value="' . esc_attr($fields['location_lng']) . '" />';
    echo '<label>عدد الشقق الإجمالي</label><input type="number" name="gre_tower_total_units" value="' . esc_attr($fields['total_units']) . '" readonly />';
    echo '<label>عدد الشقق المتوفرة</label><input type="number" name="gre_tower_available_units" value="' . esc_attr($fields['available_units']) . '" readonly />';
    echo '</div></div>';

    echo '<div class="gre-grid">';
    echo '<div class="gre-full"><label>الوصف المكاني</label><textarea name="gre_tower_location_desc">' . esc_textarea($fields['location_desc']) . '</textarea></div>';
    echo '<div class="gre-full"><label>الوصف العام</label><textarea name="gre_tower_general_description">' . esc_textarea($fields['general_description']) . '</textarea></div>';
    echo '</div>';

    echo '<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>';
    echo '<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"/>';
    echo '<script>
        document.addEventListener("DOMContentLoaded", function() {
            var latInput = document.getElementById("gre_tower_location_lat");
            var lngInput = document.getElementById("gre_tower_location_lng");
            var lat = parseFloat(latInput.value) || 15.3694;
            var lng = parseFloat(lngInput.value) || 44.1910;
            var map = L.map("map").setView([lat, lng], 13);
            L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);
            var marker = L.marker([lat, lng], {draggable: true}).addTo(map);
            marker.on("dragend", function(e) {
                var position = marker.getLatLng();
                latInput.value = position.lat.toFixed(6);
                lngInput.value = position.lng.toFixed(6);
            });
        });
    </script>';
}

function gre_save_tower_meta($post_id) {
    if (!isset($_POST['gre_tower_meta_nonce']) || !wp_verify_nonce($_POST['gre_tower_meta_nonce'], 'gre_save_tower_meta') || defined('DOING_AUTOSAVE') && DOING_AUTOSAVE || !current_user_can('edit_post', $post_id)) return;

    $fields = ['short_name','floors','location_desc','location_lat','location_lng','city','district','has_parking','total_units','available_units','building_type','build_year','status','elevators','has_generator','has_shops','general_description'];

    foreach ($fields as $field) {
        $value = isset($_POST["gre_tower_$field"]) ? sanitize_text_field($_POST["gre_tower_$field"]) : '';
        update_post_meta($post_id, "_gre_tower_$field", $value);
    }
}
?>

<?php
add_action('add_meta_boxes', 'gre_add_tower_meta_boxes');
add_action('save_post', 'gre_save_tower_meta');
add_filter('enter_title_here', 'gre_change_title_placeholder');

function gre_change_title_placeholder($title) {
    $screen = get_current_screen();
    if ($screen && $screen->post_type === 'gre_tower') {
        return 'اسم البرج';
    }
    return $title;
}

function gre_add_tower_meta_boxes() {
    add_meta_box('gre_tower_details', 'تفاصيل البرج', 'gre_render_tower_meta_box', 'gre_tower', 'normal', 'high');
}

function gre_get_tower_meta($post_id, $key, $default = '') {
    return get_post_meta($post_id, "_gre_tower_$key", true) ?: $default;
}

function gre_render_tower_meta_box($post) {
    wp_nonce_field('gre_save_tower_meta', 'gre_tower_meta_nonce');

    $fields = [
        'short_name' => '', 'floors' => '', 'location_desc' => '', 'location_lat' => '', 'location_lng' => '',
        'city' => 'أمانة العاصمة', 'district' => '', 'has_parking' => '', 'total_units' => '', 'available_units' => '',
        'building_type' => '', 'build_year' => '', 'status' => '', 'elevators' => '', 'has_generator' => '',
        'has_shops' => '', 'general_description' => ''
    ];

    foreach ($fields as $key => $default) {
        $fields[$key] = gre_get_tower_meta($post->ID, $key, $default);
    }

    echo '<style>
        .gre-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
        .gre-half { grid-column: span 2; }
        .gre-full { grid-column: span 4; }
        .gre-map-wrap { display: flex; gap: 20px; margin-top: 20px; }
        .gre-map { width: 50%; height: 400px; }
        .gre-map-fields { width: 50%; display: flex; flex-direction: column; gap: 10px; }
        input[type="number"] { max-width: 100%; }
        select, input[type="text"], textarea { width: 100%; }
    </style>';

    echo '<div class="gre-grid">';
    echo '<div><label>الاسم المختصر (بالإنجليزية)</label><input type="text" name="gre_tower_short_name" value="' . esc_attr($fields['short_name']) . '" style="width: 100px;" /></div>';
    echo '<div><label>عدد الأدوار</label><input type="number" name="gre_tower_floors" value="' . esc_attr($fields['floors']) . '" /></div>';
    echo '<div><label>عدد المصاعد</label><input type="number" name="gre_tower_elevators" value="' . esc_attr($fields['elevators']) . '" /></div>';
    echo '<div><label>سنة البناء</label><input type="number" name="gre_tower_build_year" value="' . esc_attr($fields['build_year']) . '" /></div>';

    $checkboxes = [
        'has_generator' => 'مولد كهربائي',
        'has_parking' => 'موقف سيارات',
        'has_shops' => 'محلات تجارية'
    ];
    foreach ($checkboxes as $key => $label) {
        echo "<div><label><input type='checkbox' name='gre_tower_$key' value='1'" . checked($fields[$key], '1', false) . "> $label</label></div>";
    }

    echo '<div><label>نوع المبنى</label><select name="gre_tower_building_type">
        <option value="tower"' . selected($fields['building_type'], 'tower', false) . '>برج بعدة نماذج وشقق</option>
        <option value="villa"' . selected($fields['building_type'], 'villa', false) . '>فلة بنموذج وحيد</option>
    </select></div>';
    echo '</div>';

    gre_render_tower_location_fields($fields);

    echo '<div class="gre-grid">';
    echo '<div class="gre-full"><label>الوصف المكاني</label><textarea name="gre_tower_location_desc">' . esc_textarea($fields['location_desc']) . '</textarea></div>';
    echo '<div class="gre-full"><label>الوصف العام</label><textarea name="gre_tower_general_description">' . esc_textarea($fields['general_description']) . '</textarea></div>';
    echo '</div>';

    echo '<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>';
    echo '<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"/>';
    echo '<script>
        document.addEventListener("DOMContentLoaded", function() {
            var latInput = document.getElementById("gre_tower_location_lat");
            var lngInput = document.getElementById("gre_tower_location_lng");
            var lat = parseFloat(latInput.value) || 15.3694;
            var lng = parseFloat(lngInput.value) || 44.1910;
            var map = L.map("map").setView([lat, lng], 13);
            L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);
            var marker = L.marker([lat, lng], {draggable: true}).addTo(map);
            marker.on("dragend", function(e) {
                var position = marker.getLatLng();
                latInput.value = position.lat.toFixed(6);
                lngInput.value = position.lng.toFixed(6);
            });
        });
    </script>';
}

function gre_render_tower_location_fields($fields) {
    echo '<div class="gre-map-wrap">';
    echo '<div id="map" class="gre-map"></div>';
    echo '<div class="gre-map-fields">';
    echo '<label>اسم المدينة / المنطقة</label><select name="gre_tower_city">
        <option value="أمانة العاصمة"' . selected($fields['city'], 'أمانة العاصمة', false) . '>أمانة العاصمة</option>
        <option value="عدن"' . selected($fields['city'], 'عدن', false) . '>عدن</option>
        <option value="تعز"' . selected($fields['city'], 'تعز', false) . '>تعز</option>
        <option value="الحديدة"' . selected($fields['city'], 'الحديدة', false) . '>الحديدة</option>
        <option value="حضرموت"' . selected($fields['city'], 'حضرموت', false) . '>حضرموت</option>
        <option value="إب"' . selected($fields['city'], 'إب', false) . '>إب</option>
        <option value="ذمار"' . selected($fields['city'], 'ذمار', false) . '>ذمار</option>
        <option value="عمران"' . selected($fields['city'], 'عمران', false) . '>عمران</option>
        <option value="صنعاء"' . selected($fields['city'], 'صنعاء', false) . '>صنعاء</option>
        <option value="مأرب"' . selected($fields['city'], 'مأرب', false) . '>مأرب</option>
    </select>';
    echo '<label>اسم المديرية</label><input type="text" name="gre_tower_district" value="' . esc_attr($fields['district']) . '" />';
    echo '<label>خط العرض</label><input type="text" name="gre_tower_location_lat" id="gre_tower_location_lat" value="' . esc_attr($fields['location_lat']) . '" />';
    echo '<label>خط الطول</label><input type="text" name="gre_tower_location_lng" id="gre_tower_location_lng" value="' . esc_attr($fields['location_lng']) . '" />';
    echo '<label>عدد الشقق الإجمالي</label><input type="number" name="gre_tower_total_units" value="' . esc_attr($fields['total_units']) . '" readonly />';
    echo '<label>عدد الشقق المتوفرة</label><input type="number" name="gre_tower_available_units" value="' . esc_attr($fields['available_units']) . '" readonly />';
    echo '</div></div>';
}

function gre_save_tower_meta($post_id) {
    if (!isset($_POST['gre_tower_meta_nonce']) || !wp_verify_nonce($_POST['gre_tower_meta_nonce'], 'gre_save_tower_meta') || defined('DOING_AUTOSAVE') && DOING_AUTOSAVE || !current_user_can('edit_post', $post_id)) return;

    $fields = ['short_name', 'floors', 'location_desc', 'location_lat', 'location_lng', 'city', 'district',
               'has_parking', 'total_units', 'available_units', 'building_type', 'build_year', 'status',
               'elevators', 'has_generator', 'has_shops', 'general_description'];

    foreach ($fields as $field) {
        update_post_meta($post_id, "_gre_tower_$field", sanitize_text_field($_POST["gre_tower_$field"] ?? ''));
    }
}
?>

<?php
add_action('add_meta_boxes', 'gre_add_tower_meta_boxes');
add_action('save_post', 'gre_save_tower_meta');
add_filter('enter_title_here', 'gre_change_title_placeholder');

define('GRE_DEFAULT_LAT', 15.3694);
define('GRE_DEFAULT_LNG', 44.1910);

function gre_change_title_placeholder($title) {
    $screen = get_current_screen();
    if ($screen->post_type === 'gre_tower') return 'اسم البرج';
    return $title;
}

function gre_add_tower_meta_boxes() {
    add_meta_box('gre_tower_details', 'تفاصيل البرج', 'gre_render_tower_meta_box', 'gre_tower', 'normal', 'high');
}

function gre_get_tower_meta($post_id, $key, $default = '') {
    return get_post_meta($post_id, "_gre_tower_$key", true) ?: $default;
}

function gre_render_tower_meta_box($post) {
    wp_nonce_field('gre_save_tower_meta', 'gre_tower_meta_nonce');

    $fields = [
        'short_name' => '', 'floors' => '', 'location_desc' => '', 'location_lat' => '',
        'location_lng' => '', 'city' => 'أمانة العاصمة', 'district' => '', 'has_parking' => '',
        'total_units' => '', 'available_units' => '', 'building_type' => '', 'build_year' => '',
        'status' => '', 'elevators' => '', 'has_generator' => '', 'has_shops' => '',
        'general_description' => ''
    ];

    foreach ($fields as $key => $default) {
        $fields[$key] = gre_get_tower_meta($post->ID, $key, $default);
    }

    echo '<style>
        .gre-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
        .gre-half { grid-column: span 2; }
        .gre-full { grid-column: span 4; }
        .gre-map-wrap { display: flex; gap: 20px; margin-top: 20px; }
        .gre-map { width: 50%; height: 400px; }
        .gre-map-fields { width: 50%; display: flex; flex-direction: column; gap: 10px; }
        input[type="number"] { max-width: 100%; }
        select, input[type="text"], textarea { width: 100%; }
    </style>';

    echo '<div class="gre-grid">';
    echo '<div><label>الاسم المختصر (بالإنجليزية)</label><input type="text" name="gre_tower_short_name" value="' . esc_attr($fields['short_name']) . '" style="width: 100px;" /></div>';
    echo '<div><label>عدد الأدوار</label><input type="number" name="gre_tower_floors" value="' . esc_attr($fields['floors']) . '" /></div>';
    echo '<div><label>عدد المصاعد</label><input type="number" name="gre_tower_elevators" value="' . esc_attr($fields['elevators']) . '" /></div>';
    echo '<div><label>سنة البناء</label><input type="number" name="gre_tower_build_year" value="' . esc_attr($fields['build_year']) . '" /></div>';

    $checkboxes = [
        'has_generator' => 'مولد كهربائي',
        'has_parking' => 'موقف سيارات',
        'has_shops' => 'محلات تجارية'
    ];
    foreach ($checkboxes as $key => $label) {
        echo "<div><label><input type='checkbox' name='gre_tower_$key' value='1'" . checked($fields[$key], '1', false) . "> $label</label></div>";
    }

    echo '<div><label>نوع المبنى</label><select name="gre_tower_building_type">
        <option value="tower"' . selected($fields['building_type'], 'tower', false) . '>برج بعدة نماذج وشقق</option>
        <option value="villa"' . selected($fields['building_type'], 'villa', false) . '>فلة بنموذج وحيد</option>
    </select></div>';
    echo '</div>';

    gre_render_location_fields($fields);

    echo '<div class="gre-grid">';
    echo '<div class="gre-full"><label>الوصف المكاني</label><textarea name="gre_tower_location_desc">' . esc_textarea($fields['location_desc']) . '</textarea></div>';
    echo '<div class="gre-full"><label>الوصف العام</label><textarea name="gre_tower_general_description">' . esc_textarea($fields['general_description']) . '</textarea></div>';
    echo '</div>';

    echo '<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>';
    echo '<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"/>';
    echo '<script>
        const GRE_DEFAULT_LAT = ' . GRE_DEFAULT_LAT . ';
        const GRE_DEFAULT_LNG = ' . GRE_DEFAULT_LNG . ';

        document.addEventListener("DOMContentLoaded", function() {
            var latInput = document.getElementById("gre_tower_location_lat");
            var lngInput = document.getElementById("gre_tower_location_lng");
            var lat = parseFloat(latInput.value) || GRE_DEFAULT_LAT;
            var lng = parseFloat(lngInput.value) || GRE_DEFAULT_LNG;
            var map = L.map("map").setView([lat, lng], 13);
            L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);
            var marker = L.marker([lat, lng], {draggable: true}).addTo(map);
            marker.on("dragend", function(e) {
                var position = marker.getLatLng();
                latInput.value = position.lat.toFixed(6);
                lngInput.value = position.lng.toFixed(6);
            });
        });
    </script>';
}

function gre_render_location_fields($fields) {
    echo '<div class="gre-map-wrap">';
    echo '<div id="map" class="gre-map"></div>';
    echo '<div class="gre-map-fields">';
    echo '<label>اسم المدينة / المنطقة</label><select name="gre_tower_city">
        <option value="أمانة العاصمة"' . selected($fields['city'], 'أمانة العاصمة', false) . '>أمانة العاصمة</option>
        <option value="عدن"' . selected($fields['city'], 'عدن', false) . '>عدن</option>
        <option value="تعز"' . selected($fields['city'], 'تعز', false) . '>تعز</option>
        <option value="الحديدة"' . selected($fields['city'], 'الحديدة', false) . '>الحديدة</option>
        <option value="حضرموت"' . selected($fields['city'], 'حضرموت', false) . '>حضرموت</option>
        <option value="إب"' . selected($fields['city'], 'إب', false) . '>إب</option>
        <option value="ذمار"' . selected($fields['city'], 'ذمار', false) . '>ذمار</option>
        <option value="عمران"' . selected($fields['city'], 'عمران', false) . '>عمران</option>
        <option value="صنعاء"' . selected($fields['city'], 'صنعاء', false) . '>صنعاء</option>
        <option value="مأرب"' . selected($fields['city'], 'مأرب', false) . '>مأرب</option>
    </select>';
    echo '<label>اسم المديرية</label><input type="text" name="gre_tower_district" value="' . esc_attr($fields['district']) . '" />';
    echo '<label>خط العرض</label><input type="text" name="gre_tower_location_lat" id="gre_tower_location_lat" value="' . esc_attr($fields['location_lat']) . '" />';
    echo '<label>خط الطول</label><input type="text" name="gre_tower_location_lng" id="gre_tower_location_lng" value="' . esc_attr($fields['location_lng']) . '" />';
    echo '<label>عدد الشقق الإجمالي</label><input type="number" name="gre_tower_total_units" value="' . esc_attr($fields['total_units']) . '" readonly />';
    echo '<label>عدد الشقق المتوفرة</label><input type="number" name="gre_tower_available_units" value="' . esc_attr($fields['available_units']) . '" readonly />';
    echo '</div></div>';
}

function gre_save_tower_field($post_id, $key) {
    $val = sanitize_text_field($_POST["gre_tower_$key"] ?? '');
    update_post_meta($post_id, "_gre_tower_$key", $val);
}

function gre_save_tower_meta($post_id) {
    if (
        !isset($_POST['gre_tower_meta_nonce']) ||
        !wp_verify_nonce($_POST['gre_tower_meta_nonce'], 'gre_save_tower_meta') ||
        (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) ||
        !current_user_can('edit_post', $post_id)
    ) return;

    $fields = ['short_name', 'floors', 'location_desc', 'location_lat', 'location_lng', 'city', 'district', 'has_parking',
               'total_units', 'available_units', 'building_type', 'build_year', 'status', 'elevators', 'has_generator',
               'has_shops', 'general_description'];

    foreach ($fields as $field) {
        gre_save_tower_field($post_id, $field);
    }
}
?>

public/
└── templates/
    ├── single-gre_tower.php
    ├── single-gre_model.php
    └── single-gre_apartment.php

<?php
/**
 * قالب عرض تفاصيل البرج.
 */

get_header(); // استدعاء ترويسة القالب

if (have_posts()) :
    while (have_posts()) : the_post();
?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main">

            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

                <header class="entry-header">
                    <h1 class="entry-title"><?php the_title(); ?></h1>
                    <?php if (has_post_thumbnail()) : ?>
                        <div class="entry-image">
                            <?php the_post_thumbnail('large'); ?>
                        </div>
                    <?php endif; ?>
                </header><div class="entry-content">
                    <?php the_content(); ?>

                    <h2>تفاصيل البرج</h2>
                    <div class="tower-details">
                        <?php
                        $short_name = get_post_meta(get_the_ID(), '_gre_tower_short_name', true);
                        $floors = get_post_meta(get_the_ID(), '_gre_tower_floors', true);
                        $city = get_post_meta(get_the_ID(), '_gre_tower_city', true);

                        if ($short_name) echo '<p><strong>الاسم المختصر:</strong> ' . esc_html($short_name) . '</p>';
                        if ($floors) echo '<p><strong>عدد الأدوار:</strong> ' . esc_html($floors) . '</p>';
                        if ($city) echo '<p><strong>المدينة:</strong> ' . esc_html($city) . '</p>';
                        ?>
                    </div>

                    <h2>الخريطة</h2>
                    <div id="map">
                        <?php
                        $lat = get_post_meta(get_the_ID(), '_gre_tower_location_lat', true);
                        $lng = get_post_meta(get_the_ID(), '_gre_tower_location_lng', true);
                        if ($lat && $lng) {
                            echo '<iframe src="https://www.google.com/maps?q=' . esc_attr($lat) . ',' . esc_attr($lng) . '&z=17&output=embed" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>';
                        }
                        ?>
                    </div>

                    </div></article></main></div><?php
    endwhile;
endif;

get_sidebar(); // استدعاء الشريط الجانبي
get_footer(); // استدعاء تذييل القالب
?>

// في ملف الوظائف العامة للإضافة (public-functions.php أو ملف آخر)
function gre_enqueue_styles() {
    wp_enqueue_style('gre-styles', plugin_dir_url(__FILE__) . 'assets/css/gre-styles.css', [], '1.0.0');
}
add_action('wp_enqueue_scripts', 'gre_enqueue_styles');

.tower-details {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.tower-details p {
    margin-bottom: 10px;
}

.entry-image img {
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

#map {
    height: 400px;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

public/
└── templates/

<?php
/**
 * قالب عرض تفاصيل البرج.
 */

get_header(); // استدعاء ترويسة القالب

if (have_posts()) :
    while (have_posts()) : the_post();
?>

    <div id="primary" class="content-area">
        <main id="main" class="site-main">

            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

                <header class="entry-header">
                    <h1 class="entry-title"><?php the_title(); ?></h1>
                    <?php if (has_post_thumbnail()) : ?>
                        <div class="entry-image">
                            <?php the_post_thumbnail('large'); ?>
                        </div>
                    <?php endif; ?>
                </header><div class="entry-content">
                    <?php the_content(); ?>

                    <section class="tower-details">
                        <h2>تفاصيل البرج</h2>
                        <?php gre_render_tower_details(get_the_ID()); ?>
                    </section>

                    <section class="tower-location">
                        <h2>موقع البرج</h2>
                        <?php gre_render_tower_location_map(get_the_ID()); ?>
                    </section>

                    </div></article></main></div><?php
    endwhile;
endif;

get_sidebar(); // استدعاء الشريط الجانبي
get_footer(); // استدعاء تذييل القالب
?>

<?php
/**
 * دوال الواجهة الأمامية العامة للإضافة.
 */

/**
 * تعرض تفاصيل البرج.
 *
 * @param int $post_id معرف البرج.
 */
function gre_render_tower_details($post_id) {
    $details = [
        'short_name' => 'الاسم المختصر',
        'floors' => 'عدد الأدوار',
        'city' => 'المدينة',
        'district' => 'المديرية',
        'build_year' => 'سنة البناء',
        'building_type' => 'نوع المبنى',
        'status' => 'الحالة',
        'total_units' => 'عدد الشقق الإجمالي',
        'available_units' => 'عدد الشقق المتوفرة',
    ];

    echo '<div class="details-grid">';
    foreach ($details as $key => $label) {
        $value = get_post_meta($post_id, "_gre_tower_$key", true);
        if ($value) {
            echo '<div class="detail-item">';
            echo '<strong>' . esc_html($label) . ':</strong> ';
            echo esc_html($value) . '</div>';
        }
    }
    echo '</div>';
}

/**
 * تعرض خريطة موقع البرج.
 *
 * @param int $post_id معرف البرج.
 */
function gre_render_tower_location_map($post_id) {
    $lat = get_post_meta($post_id, '_gre_tower_location_lat', true);
    $lng = get_post_meta($post_id, '_gre_tower_location_lng', true);
    $location_desc = get_post_meta($post_id, '_gre_tower_location_desc', true);

    if ($lat && $lng) {
        echo '<div class="map-container">';
        echo '<iframe src="http://maps.google.com/maps?q=' . esc_attr($lat) . ',' . esc_attr($lng) . '&z=17&output=embed" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>';
        echo '</div>';
    }

    if ($location_desc) {
        echo '<div class="location-description">';
        echo '<p>' . esc_html($location_desc) . '</p>';
        echo '</div>';
    }
}

function gre_enqueue_styles() {
    wp_enqueue_style('gre-styles', plugin_dir_url(__FILE__) . 'assets/css/gre-styles.css', [], '1.0.0');
}
add_action('wp_enqueue_scripts', 'gre_enqueue_styles');

/* أنماط عامة */
.entry-header {
    margin-bottom: 20px;
}

.entry-title {
    font-size: 2.5em;
    margin-bottom: 10px;
}

.entry-image img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.entry-content {
    margin-bottom: 30px;
}

/* أنماط تفاصيل البرج */
.tower-details {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.detail-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.detail-item:last-child {
    border-bottom: none;
}

/* أنماط موقع البرج */
.tower-location {
    margin-bottom: 30px;
}

.map-container {
    position: relative;
    padding-bottom: 75%; /* نسبة ارتفاع إلى عرض 3:4 */
    height: 0;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.location-description {
    background-color: #f0f8ff;
    padding: 15px;
    border-radius: 5px;
    font-style: italic;
    color: #555;
}

<?php
/**
 * دوال الواجهة الأمامية العامة للإضافة.
 */

/**
 * تسجيل وتضمين أنماط وخطوط الإضافة.
 */
function gre_enqueue_styles() {
    // تضمين Leaflet CSS و JS
    wp_enqueue_style('leaflet-css', 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css');
    wp_enqueue_script('leaflet-js', 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js', [], null, true);

    // تضمين ملف أنماط الإضافة
    wp_enqueue_style('gre-styles', plugin_dir_url(__FILE__) . 'assets/css/gre-styles.css', [], '1.0.0');
}
add_action('wp_enqueue_scripts', 'gre_enqueue_styles');

/**
 * تعرض تفاصيل البرج.
 *
 * @param int $post_id معرف البرج.
 */
function gre_render_tower_details($post_id) {
    $details = [
        'short_name' => 'الاسم المختصر',
        'floors' => 'عدد الأدوار',
        'city' => 'المدينة',
        'district' => 'المديرية',
        'build_year' => 'سنة البناء',
        'building_type' => 'نوع المبنى',
        'status' => 'الحالة',
        'total_units' => 'عدد الشقق الإجمالي',
        'available_units' => 'عدد الشقق المتوفرة',
    ];

    echo '<div class="details-grid">';
    foreach ($details as $key => $label) {
        $value = get_post_meta($post_id, "_gre_tower_$key", true);
        if ($value) {
            echo '<div class="detail-item">';
            echo '<strong>' . esc_html($label) . ':</strong> ';
            echo esc_html($value) . '</div>';
        }
    }
    echo '</div>';
}

/**
 * تعرض خريطة موقع البرج.
 *
 * @param int $post_id معرف البرج.
 */
function gre_render_tower_location_map($post_id) {
    $lat = get_post_meta($post_id, '_gre_tower_location_lat', true);
    $lng = get_post_meta($post_id, '_gre_tower_location_lng', true);
    $location_desc = get_post_meta($post_id, '_gre_tower_location_desc', true);

    if ($lat && $lng) {
        echo '<div class="map-container">';
        echo '<iframe src="https://www.google.com/maps?q=' . esc_attr($lat) . ',' . esc_attr($lng) . '&z=17&output=embed" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>';
        echo '</div>';
    }

    if ($location_desc) {
        echo '<div class="location-description">';
        echo '<p>' . esc_html($location_desc) . '</p>';
        echo '</div>';
    }
}

<?php
/**
 * قالب عرض تفاصيل البرج - single-gre_tower.php
 */

get_header(); // ترويسة القالب

if (have_posts()) :
    while (have_posts()) : the_post();
        $post_id = get_the_ID();

        // بيانات مخصصة
        $short_name = get_post_meta($post_id, '_gre_tower_short_name', true);
        $floors = get_post_meta($post_id, '_gre_tower_floors', true);
        $city = get_post_meta($post_id, '_gre_tower_city', true);
        $district = get_post_meta($post_id, '_gre_tower_district', true);
        $lat = get_post_meta($post_id, '_gre_tower_location_lat', true);
        $lng = get_post_meta($post_id, '_gre_tower_location_lng', true);
        $desc = get_post_meta($post_id, '_gre_tower_general_description', true);
        $has_parking = get_post_meta($post_id, '_gre_tower_has_parking', true);
        $has_generator = get_post_meta($post_id, '_gre_tower_has_generator', true);
        $has_shops = get_post_meta($post_id, '_gre_tower_has_shops', true);
        $image_url = get_the_post_thumbnail_url($post_id, 'large');
?>
        <main id="primary" class="site-main">
            <article id="post-<?php the_ID(); ?>" <?php post_class('gre-tower-single'); ?>>
                <header class="entry-header">
                    <h1 class="entry-title"><?php the_title(); ?></h1>
                    <?php if ($image_url) : ?>
                        <img class="gre-tower-thumb" src="<?php echo esc_url($image_url); ?>" alt="<?php the_title_attribute(); ?>">
                    <?php endif; ?>
                </header>

                <section class="gre-tower-details">
                    <h2>تفاصيل البرج</h2>
                    <?php gre_render_tower_details($post_id); ?>
                </section>

                <?php if ($desc) : ?>
                    <section class="gre-tower-description">
                        <h2>الوصف العام</h2>
                        <p><?php echo esc_html($desc); ?></p>
                    </section>
                <?php endif; ?>

                <?php if ($lat && $lng) : ?>
                    <section class="gre-tower-map">
                        <h2>الموقع على الخريطة</h2>
                        <div id="map" style="height: 400px;"></div>
                        <script>
                            document.addEventListener("DOMContentLoaded", function () {
                                var map = L.map('map').setView([<?php echo esc_js($lat); ?>, <?php echo esc_js($lng); ?>], 16);
                                L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
                                L.marker([<?php echo esc_js($lat); ?>, <?php echo esc_js($lng); ?>]).addTo(map);
                            });
                        </script>
                    </section>
                <?php endif; ?>
            </article>
        </main>
<?php
    endwhile;
endif;

get_sidebar(); // الشريط الجانبي
get_footer(); // تذييل القالب
?>

/* ==========================================================================
   أنماط صفحة تفاصيل البرج (single-gre_tower.php)
   ========================================================================== */

/* أنماط عامة للصفحة */
.site-main {
    padding-top: 20px;
    padding-bottom: 40px;
}

.gre-tower-single {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 20px;
    margin-bottom: 30px;
}

.entry-header {
    margin-bottom: 20px;
    text-align: center;
}

.entry-title {
    font-size: 2.2em;
    margin-bottom: 10px;
    color: #333;
}

/* صورة البرج */
.gre-tower-thumb {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

/* قسم تفاصيل البرج */
.gre-tower-details {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.gre-tower-details h2 {
    font-size: 1.6em;
    margin-bottom: 15px;
    color: #444;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

.gre-tower-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.gre-tower-details li {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.gre-tower-details li:last-child {
    border-bottom: none;
}

.gre-tower-details strong {
    font-weight: bold;
    color: #555;
    display: block;
    margin-bottom: 5px;
}

/* قسم الوصف العام */
.gre-tower-description {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f0f8ff;
    border-left: 5px solid #4682B4;
    border-radius: 5px;
}

.gre-tower-description h2 {
    font-size: 1.6em;
    margin-bottom: 10px;
    color: #444;
}

.gre-tower-description p {
    color: #666;
    line-height: 1.6;
}

/* قسم الخريطة */
.gre-tower-map {
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gre-tower-map h2 {
    font-size: 1.6em;
    margin-bottom: 15px;
    color: #444;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    text-align: center;
}

#map {
    width: 100%;
    height: 400px;
}